<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <meta name="description" content="图腾应用信息提示标准模板">
        <title id="pageTitle">图腾应用提示</title>
        <!-- 引入 WeUI CDN 链接 -->
        <link rel="stylesheet" href="/apps/css/weui.min-2.6.4.css"/>
        <style>
            body{
                background-image: url('https://totemlife.cn/apps/public/background-ededed.png');
                background-repeat: no-repeat; background-size: 100% 100%;
                background-position: center center; background-size: cover; -o-background-size: cover;
                -webkit-background-size: cover; -moz-background-size: cover;
                padding-bottom: 100px; min-height: 100vh; display: flex; flex-direction: column;
            };
            .page{ min-height: 100vh; }
            .weui-msg{ min-height: 100vh; background-color:rgb(255,255,255,0); }
        </style>
        <script src="/apps/js/baidu-tongji-mtx.js"></script>
    </head>
    <body ontouchstart style="background-image:url('https://totemlife.cn/apps/default-image');">
            <div class="weui-msg">
                <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg" id="msgIcon"></i></div>
                <div class="weui-msg__text-area">
                    <h2 class="weui-msg__title" id="msgTitle">操作出错啦</h2>
                    <p class="weui-msg__desc" id="msgDescription">请稍候重试</p>
                </div>
                <div class="weui-msg__tips-area">
                    <p class="weui-msg__tips" id="msgTips"></p>
                </div>
                <div class="weui-msg__opr-area">
                    <p class="weui-btn-area">
                        <a href="https://mtx.totemlife.cn/" role="button" class="weui-btn weui-btn_primary">二代菌前沿</a>
                        <a href="/apps/trial" role="button" class="weui-btn weui-btn_primary">临床研究支持</a>
                        <a href="javascript:history.back();" role="button" class="weui-btn weui-btn_default">返回前一页</a>
                    </p>
                </div>
                <div class="weui-msg__extra-area">
                    <div class="weui-footer">
                        <p class="weui-footer__links"> <a href="https://totemlife.cn/apps/clear" class="weui-wa-hotarea weui-footer__link">重置缓存信息</a> </p>
                        <p class="weui-footer__text">&copy; 2023 totemlife.cn</p>
                    </div>
                </div>
            </div>
        <script>
            function updateElement(id, value, attr = 'className') {
                if (value !== '') {
                    const element = document.getElementById(id);
                    if (attr === 'innerText') {
                        element.innerText = value;
                    } else if (attr === 'innerHTML') {
                        element.innerHTML = value; // 使用 innerHTML 属性设置 HTML 内容
                    } else {
                        element.className = value;
                    }
                }
            }
            updateElement('pageTitle', "{{title}}", 'innerText');
            updateElement('msgIcon', "{{icon}}");
            updateElement('msgTitle', "{{{message}}}", 'innerText');
            updateElement('msgDescription', "{{{description}}}", 'innerHTML');
            updateElement('msgTips', "{{{tips}}}", 'innerText');
        </script>
    </body>
</html>
